*{
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}
body,html{
	font-family: Arial;
	overflow-x: hidden;
}
a{
	text-decoration: none;
}
.container{
	width: 1160px;
	margin: 0 auto;
}
.header{
	width: 100%;
	height: 50px;
	background: #3097D1;
	border-bottom: 1px solid #1C73A5;
}
.header-left i{
	display: inline-block;
	width: 90px ;
	height:24px ;
	background: url(img/brand-white.png);
	background-position:0px 0px ;
	position: relative;
	top: 13px;
	left:0px;
	background-size: 90px;
	float: left;
}
.header-left ul{
	overflow: hidden;
}
.header-left ul li{
	float: left;
	margin-left: 40px;
}
.header-left ul li a{
	line-height: 50px;
	text-decoration: none;
	color: #D1E8EF;
}
.main{
	width: 100%;
	margin-top: 40px;
}
.container{
	display: flex;
}
.txt1,.txt3{
	flex-basis: 25%;
}
.txt2{
	flex-basis: 50%;
	margin-left: 20px;
	margin-right: 20px;
}


.txt-top{
	width: 100%;
	height: 330px;
	border: 1px solid #D3E0E9;
	border-radius: 5px;
	position: relative;
	margin-bottom: 30px;
}
.txt-top img{
	width: 100%;
	height: 150px;
	border-radius: 5px 5px 0px 0px;
	
}
#txt-top{
	width: 106px;
	height: 106px;
	border: 2px solid #fff;
	border-radius: 50%;
	position: absolute;
	transform: translate(-50% , 0);
	left: 50%;
	top: 88px;
}
#txt-top img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	left: 1px;
	top: 2px;
	
}
.txt-top{
	text-align: center;
}
.txt-top h5{
	margin-top: 50px;
	font-size: 17px;
}
.txt-top p{
	margin-top: 10px;
}
.txt-one{
	width: 100%;
	height: 225px;
	border: 1px solid #D3E0E9;
	border-radius: 5px;
	padding: 20px 15px;
	margin-bottom: 20px;
}
.txt-one h5{
	font-size: 15px;
}
.txt-one p{
	margin-top: 15px;
	color: #333F70;
}
.txt-one p a{
	color: #3097D1;
	text-decoration: none;
}
.txt-bot{
	width: 100%;
	height: 450px;
	border: 1px solid #D3E0E9;
	border-radius: 5px;
	padding: 20px 15px;
}
.txt-bot h5{
	font-size: 15px;
	margin-bottom: 10px;
}
.txt-bot ul{
	overflow: hidden;
}
.txt-bot ul li{
	float: left;
	margin-top: 10px;
}
.txt-bot ul li img{
	width: 115px;
	height: 115px;
}
.txt-bot ul li:first-child{
	margin-right: 17px;
}
.txt-bot ul li:nth-child(3){
	margin-right: 17px;
}
.txt-bot ul li:nth-child(5){
	margin-right: 17px;
}

.txt2-top{
	width: 100%;
	height: 850px;
	border: 1px solid #D3E0E9;
	padding: 30px 20px;
	border-radius: 5px 5px 0 0;
}
.h5-top{
	font-size: 16px;
}
.h5-top span{
	font-weight: 100;
	color: #A3AEB4;
	font-size: 12px;
	float: right;
}
.txt2-top p{
	font-size: 14px;
	color: #4F5753;
	margin-top: 7px;
}
.txt2-top ul li img{
	width: 254px;
	height: 200px;
}
.txt2-top ul{
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 30px;
}
.txt2-top ul li{
	float: left;
	margin-top: 5px;
}
.txt2-top ul li:first-child{
	margin-right: 10px;
}
.txt2-top ul li:nth-child(3){
	margin-right: 10px;
}
.txt2-top p a{
	color: #000;
	font-weight: 500;
	text-decoration: blink;
}
.txt2-top p:nth-child(11){
	margin-bottom: 30px;
}
.txt2-but{
	width: 100%;
	height: 190px;
	border-bottom: 1px solid #D3E0E9;
	border-left: 1px solid #D3E0E9;
	border-right: 1px solid #D3E0E9;
	padding: 30px 20px;
}
.h5-top{
	font-size: 16px;
}
.h5-top span{
	font-weight: 100;
	color: #A3AEB4;
	font-size: 12px;
}
.txt2-but p{
	font-size: 14px;
	color: #4F5753;
	margin-top: 7px;
}

.txt2-over{
	width: 100%;
	height: 850px;
	border-bottom: 1px solid #D3E0E9;
	border-left: 1px solid #D3E0E9;
	border-right: 1px solid #D3E0E9;
	padding: 30px 20px;
}
.txt2-over p{
	font-size: 14px;
	color: #4F5753;
	margin-top: 7px;
}
.txt2-over img{
	width: 520px;
	height: 520px;
	margin-top: 25px;
	margin-bottom: 30px;
}
.txt2-over p a{
	color: #000;
	font-weight: 500;
	text-decoration: blink;
}
.txt3-top{
	width: 100%;
	height: 490px;
	border: 1px solid #D3E0E9;
	border-radius: 5px;
	padding: 25px 20px;
}
.txt3-top h5{
	font-size: 16px;
}
.txt3-top img{
	width: 100%;
	height: 230px;
	margin-top: 20px;
	margin-bottom: 15px;
}
.txt3-top h6{
	font-size: 15px;
}
.txt3-top p{
	font-size: 14px;
	color: #4F5753;
	margin-top: 7px;
}
.txt3-top a{
	border: 1px solid #2A88BD;
	background: #fff;
	margin-top: 15px;
	color: #2A88BD;
	width: 100px;
	height: 35px;
	border-radius: 5px;
	display: inline-block;
	line-height: 35px;
	text-align: center;
	transition: 1s;
}
.txt3-top a:hover{
	background:#2A88BD ;
	color: #fff;
}
.txt3-but{
	width: 100%;
	border: 1px solid #D3E0E9;
	border-radius: 5px 5px 0 0;
	padding: 25px 20px;
	margin-top: 25px;
}
.txt3-but h5{
	font-size: 15px;
	margin-bottom: 10px;
}
.txt3-but span{
	display: block;
	font-weight: bold;
	font-size: 14px;
	/*float: left;*/
}
.txt3-but span a{
	color: #1E3948;
	text-decoration: none;
	font-weight: 100;
}
.maoz{
	display: inline-block;
	width:65px ;
	height:65px ;
	background: url(img/avatar-fat.jpg);
	background-position:0px 0px ;
	position: relative;
	top: 0px;
	left:0px;
	background-size: 100%;
	border-radius: 50%;
	float: left;
	margin-right: 20px;
}
.txt3-but ul li{
	overflow: hidden;
	margin-bottom: 20px;
}
.txt3-but a{
	overflow: hidden;
}
.button-one{
	border: 1px solid #2A88BD;
	width: 80px;
	border-radius:5px ;
	height: 35px;
	line-height: 35px;
	text-align: center;
	display:inline-block;
	color: #2A88BD;
	margin-top: 10px;
	transition: 1s;
}
.button-one:hover{
	background:#2A88BD ;
	color: #fff;
}
.txt3-but a i{
	display: inline-block;
	width:20px ;
	height:20px ;
	background:url(img/tubiao.png);
	background-position:0px 0px ;
	position: relative;
	top: 6px;
	left:3px;
	background-size: 100%;
	float: left;
}
.txt3-but button p{
	float: left;
}


.maozi{
	display: inline-block;
	width:65px ;
	height:65px ;
	background: url(img/avatar-mdo.png);
	background-position:0px 0px ;
	position: relative;
	top: 0px;
	left:0px;
	background-size: 100%;
	border-radius: 50%;
	float: left;
	margin-right: 20px;
}



.txt3-one{
	width: 100%;
	height: 80px;
	border-bottom: 1px solid #D3E0E9;
	border-left: 1px solid #D3E0E9;
	border-right: 1px solid #D3E0E9;
	padding: 5px 20px;
}

.dave{
	font-weight: 100;
	font-size: 15px;
}
.dave p{
	color: #566877;
	margin-top: 10px;
}
.footer-one p span{
	color: #3097D1;
}
.footer-one p a{
	margin-left: 15px;
	
}
.footer{
	width: 100%;
	height: 150px;
	background: #fff;
	border-top: 1px solid #CCCCCC;
	margin-top: 100px;
	padding-top: 40px;
}
.footer-one{
	width: 100%;
	text-align: center;
}
.footer-one p{
	color: #4E5560;
	margin-top: 20px;
}
.footer-one p a{
	color: #3097D1;
	text-decoration: none;
}

.footer-one p:first-child a{
	margin-left: 0;
}


@media (max-width:600px ) {
	.container{
		width: 100%;
		flex-wrap: wrap;
	}
	.header-left i{
		display: none;
	}
	#txt-top{
		
	}
	.txt2-top{
		height: auto;
	}
	.txt1,.txt3{
		flex-basis: 100%;
	}
	.txt2 {
		flex-basis: 100%;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.txt2-top ul li img {
    width: 100%;
    height: auto;
}
	.txt-one{
		text-align: center;
	}
	.txt-bot{
		height: 700px;
	}
	.txt-bot ul li img{
		width: 180px;
		height: 180px;
	}
	.txt2-top{
		width: 100%;
	}
	.main .txt2{
		width: 100%;
	}
	.txt2-over img{
		width: 100%;
		height: auto;
	}
	.txt3-span{
		margin-right: 10px;
	}
	.footer{
		padding-top: 15px;
		margin-top: 0px;
	}
	.txt2-top ul li img{
		width: 372px;
		height: 240px;
	}
	.txt3-but ul li:last-child span{
		margin-right: 10px;
	}
	.txt-bot{
		height: auto;
	}
	.txt-bot ul li img{
		width: 288px;
		height: auto;
	}
	.header-left ul li{
		margin-left: 20px;
	}
	.txt2-but{
		height: auto;
	}
	.txt2-over{
		height: auto;
	}
	.footer-one p a{
		margin-left: 0;
	}
	.txt-top{
		width: 100%;
	}
	.txt-bot ul li {
	    width: 47%;
	    margin-top: 10px;
	    float: left;
    }
    .txt-bot ul li img{
	    width: 100%;
	    height: auto;
    }
}